<template>
  
  <div>
      <router-view/>
  <van-tabbar v-model="active" route>
  <van-tabbar-item icon="home-o" to="/main/home">首页</van-tabbar-item>
  <van-tabbar-item icon="balance-o" to="/invest">投资</van-tabbar-item>
  <van-tabbar-item icon="bag-o" to="/main/life">生活</van-tabbar-item>
  <van-tabbar-item icon="manager-o" to="/main/my">我的</van-tabbar-item>
  </van-tabbar>
  </div>
</template>

<script>
import Vue from 'vue';
import { Tabbar, TabbarItem } from 'vant';
Vue.use(Tabbar);
Vue.use(TabbarItem);
export default{
  data(){
    return {
      active: 0
    }
  }
}
</script>